<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		[@fl_blog_content contentId='${contentId}']
		<title>${tag_content.title }-${title}</title>
		<meta name="keywords" content="${tag_content.key_words}" />
		<meta name="description" content="${tag_content.description}" />
		[/@fl_blog_content]
		<link rel="alternate" href="http://www.fenghuox.com${app}/blog/content/${contentId}.shtml" hreflang="zh-cn" />
		<link rel="icon" type="image/x-icon" href="${app }/static/favicon.ico">
		[#include "/html/blog/include/blogcss.html" /]
		<link rel="stylesheet" type="text/css" href="${app }/static/plugins/baguetteBox/css/baguetteBox.css" />
		<style type="text/css">
			.baguetteBox img{
				box-sizing: border-box;
				max-width: 100%;
				height: auto;
				vertical-align: middle;
				border: 0;
				padding-bottom: 20px;
			}
		</style>
	</head>
	<body>
	[#include "/html/blog/include/header.html" /]
	<div class="am-container " id="main">
		<div class="am-g am-g-fixed">
			<div class="am-u-md-8">
				[@fl_blog_content contentId='${contentId}']
				[@fl_blog_category categoryId='${tag_content.category_id}']
				<ol class="am-breadcrumb">
					<li><a href="${app }/blog/" class="am-icon-home">首页</a></li>
					<li><a href="${app }/blog/category/${tag_bean.category_id }.shtml">${tag_bean.category_name }</a></li>
					<li class="am-active">详情</li>
				</ol>
				<article class="am-article">
					<div class="am-article-hd">
						<h1 class="am-article-title">${tag_content.title }</h1>
						<div class="am_list_author">
							<a href="javascript:void(0)">
								<span class="am_list_author_ico" style="background-image: url(${app}/static/images/blog/default2.jpg);background-size:cover;" ></span>
								<span class="name">${tag_content.author }</span>
							</a>
							<span class="am_news_time">&nbsp;•&nbsp;<time class="timeago">${tag_content.create_time }</time></span>
						</div>
					</div>
					<div class="am-article-bd">
						[#if tag_bean.category_type=='news']
						${tag_content.content }
						[#elseif tag_bean.category_type=='img']
						<div class="baguetteBox">
							[@fl_blog_content_file_list contentId='${contentId}']
							[#list tag_list as file]
							<a href="${imgSite}/${file.file_id}" title="${tag_content.title }"><img src="${app }/static/images/loading.gif" data-original="${imgSite}/${file.file_id }" alt="${tag_content.title }" onerror="javascript:this.src='${app}/static/images/blog/imgerror.jpg'"></a>
							<p></p>
							[/#list]
							[/@fl_blog_content_file_list]
						</div>
						[#elseif tag_bean.category_type=='video']
						<div class="video-div">
							<embed width="640" height="480" flashvars="VideoIDS=XMTU4Mjc2NjU1Mg==&amp;embedid=MTEzLjE0My4xNTkuOTYCMTUwNjk2NTE3AmkueW91a3UuY29tAi91L1VOakl6T1RjMk1UVXk%3D&amp;isAutoPlay=true&amp;playMovie=true" salign="lt" wmode="opaque" allowscriptaccess="always" allowfullscreen="true" quality="high" bgcolor="#000000" name="play" id="play" src="http://static.youku.com/v1.0.0413/v/swf/loader.swf" type="application/x-shockwave-flash" />
						</div>
						[/#if]
					</div>
					<hr data-am-widget="divider" class="am-divider am-divider-dashed"/>
					[#if tag_content.origin_url!='']
					<div class="shengming">原文地址：<a href="${tag_content.origin_url}"  target="blank">${tag_content.origin_url}</a></div>
					[#else]
					<div class="shengming">声明：若要转载FengHuoX中的任何博客请注明转载地址</div>
					[/#if]
				</article>
				[/@fl_blog_category]
				[/@fl_blog_content]
				<hr data-am-widget="divider" class="am-divider am-divider-dashed"/>
				<!--PC和WAP自适应版-->
				<div id="SOHUCS" sid="${contentId}" ></div>
				<script type="text/javascript">
                    (function(){
                        var appid = 'cyu8i1e02';
                        var conf = 'prod_168f246a2bb4dc8fdc38b9444e7620e9';
                        var width = window.innerWidth || document.documentElement.clientWidth;
                        if (width < 960) {
                            window.document.write('<script id="changyan_mobile_js" charset="utf-8" type="text/javascript" src="http://changyan.sohu.com/upload/mobile/wap-js/changyan_mobile.js?client_id=' + appid + '&conf=' + conf + '"><\/script>');
                        } else {
                            var loadJs=function(d,a){var c=document.getElementsByTagName("head")[0]||document.head||document.documentElement;var b=document.createElement("script");b.setAttribute("type","text/javascript");b.setAttribute("charset","UTF-8");b.setAttribute("src",d);if(typeof a==="function"){if(window.attachEvent){b.onreadystatechange=function(){var e=b.readyState;if(e==="loaded"||e==="complete"){b.onreadystatechange=null;a()}}}else{b.onload=a}}c.appendChild(b)};loadJs("http://changyan.sohu.com/upload/changyan.js",function(){window.changyan.api.config({appid:appid,conf:conf})});
                        }
                    })();
				</script>
			</div>
			<div class="am-u-md-4" id="my-side">
				[#include "/html/blog/include/right.html" /]
			</div>
		</div>
	</div>
	[#include "/html/blog/include/footer.html" /]
	</body>
	[#include "/html/blog/include/blogjs.html" /]
	<script src="${app }/static/plugins/baguetteBox/js/baguetteBox.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function(){
            $("img").lazyload({effect: 'fadeIn'});
            baguetteBox.run('.baguetteBox', {
                animation: 'fadeIn'
            });
        });
    </script>
</html>